<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<title>联系我们</title>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kathhhRkY1TFX00KbTpEGl25UlFEMlUD"></script>

		<link href="bootstrapusers/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="bootstrapusers/js/jquery-1.11.0.min.js"></script>
		<!-- Custom Theme files -->
		<link href="bootstrapusers/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!-- Custom Theme files -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!--Google Fonts-->
		<!--<link href='http://fonts.googleapis.com/css?family=Hind:400,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Aladin' rel='stylesheet' type='text/css'>-->
		<!--google fonts-->
		<!-- animated-css -->
		<link href="bootstrapusers/css/animate.css" rel="stylesheet" type="text/css" media="all">
		<link href="bootstrapusers/css/bootstrap.min.css" rel="stylesheet">
        <link href="bootstrapusers/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Custom styles for this template -->
        <link href="bootstrapusers/css/style2.css" rel="stylesheet">
        <link href="bootstrapusers/fonts/antonio-exotic/stylesheet.css" rel="stylesheet">
        <link rel="stylesheet" href="bootstrapusers/css/lightbox.min.css">
        <link href="bootstrapusers/css/responsive.css" rel="stylesheet">
        <script src="bootstrapusers/js/jquery.min.js" type="text/javascript"></script>
       <!-- <script src="js/bootstrap.min.js" type="text/javascript"></script>-->
        <script src="bootstrapusers/js/lightbox-plus-jquery.min.js" type="text/javascript"></script>
        <script src="bootstrapusers/js/instafeed.min.js" type="text/javascript"></script>
        <script src="bootstrapusers/js/custom.js" type="text/javascript"></script>
		<script src="bootstrapusers/js/wow.min.js"></script>
		<script>
			new WOW().init();
		</script>

		<!-- animated-css -->
		<script src="bootstrapusers/js/bootstrap.min.js"></script>
		<style type="text/css">
			body,
			html,
			#map {
				width: 100%;
				height: 70%;
			}
			
			#allmap {
				width: 50%;
				height: 100%;
				font-family: "微软雅黑";
				bottom: 20%;
			}
		</style>
	</head>

	<body>
		<!--header-top start here-->
		<%@ include file="header.jsp" %>
		<!--header end here-->
		<!--contact start here-->
		<div class="contact">
			<div class="container">
				<div class="contact-main">
					<div class="contact-top">
						<h2>Contact</h2>
					</div>
					<div class="contact-bottom">
						<div class="col-md-9 contact-left">
							<form>
								<input type="text" placeholder="姓名">
								<input type="text" class="email" placeholder="邮箱">
								<textarea placeholder="内容" required=""></textarea>
								<input type="submit" value="发送">
							</form>
						</div>
						<div class="col-md-3 contact-right">
							<h1>Address</h1>
							<p>福建省厦门市湖里区观日路1号</p>
							<p>固定电话：(0592)6307888</p>
							<p>免费预定电话：15034209918</p>
							
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
		<!--contact end here-->
		<!--map start here-->
		<!--<div class="maps" >

	 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387144.007583421!2d-73.97800349999999!3d40.7056308!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sin!4v1415253431785"  frameborder="0" style="border:0"> </iframe>
  
<div id="allmap" style="align-content: center; width: 60%; height: 30%;"></div>



</div>-->

		<div id="map">
			<div id="allmap" align="middle" style="align-content: center; left: 20%;"></div>
		</div>
		<!--map end here-->
		<!--footer start here-->
		<%@ include file="footer.jsp" %>
	</body>
	<script type="text/javascript">
		// 百度地图API功能
		var map = new BMap.Map("allmap");   // 创建Map实例
		map.centerAndZoom(new BMap.Point(118.1825799703, 24.4968374155), 17);  //以学校为中心

		//map.centerAndZoom(new BMap.Point(120.750859,31.280026), 17);  //以学校为中心
		//
		//
		//var SchoolPoint = new BMap.Point(120.750859,31.280026);
		//var HousePoint = new BMap.Point(120.75739,31.275752);
		//var markerSchool= addMarker(SchoolPoint);
		//var markerHouse=addMarker(HousePoint);
		// 编写自定义函数,创建标注
		function addMarker(point) { 
			var marker = new BMap.Marker(point); 
			map.addOverlay(marker); 
			return marker;
		}  
		//添加地图类型控件
		map.addControl(new BMap.MapTypeControl({
			mapTypes: [      BMAP_NORMAL_MAP,       BMAP_HYBRID_MAP    ]
		}));    //
		  //为学校点设置信息
		//  var opts = {
		//  width : 200,     // 信息窗口宽度
		//  height: 100,     // 信息窗口高度
		//  title : "" , // 信息窗口标题
		//  enableMessage:true,//设置允许信息窗发送短息
		//  message:""
		//}
		//  //学校点点击信息
		//var infoWindow1 = new BMap.InfoWindow("地址：苏州市吴中区林泉街567号", opts); 
		//markerSchool.addEventListener("click", function(){          
		//map.openInfoWindow(infoWindow1,SchoolPoint); //开启信息窗口
		//});
		//
		////宿舍点点击信息
		//var infoWindow2 = new BMap.InfoWindow("地址：苏州市姑苏区林泉街370号", opts); 
		//markerHouse.addEventListener("click", function(){          
		//map.openInfoWindow(infoWindow2,HousePoint); //开启信息窗口
		//});

		//逆地址解析
		var geoc = new BMap.Geocoder();   

		map.addEventListener("click", function(e) {     
			var pt = e.point;
			geoc.getLocation(pt, function(rs) {
				var addComp = rs.addressComponents;
				alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
			});     
		});

		  //比例尺
		map.addControl(new BMap.ScaleControl());  

		//缩略图
		map.addControl(new BMap.OverviewMapControl()); 

		//定位
		var geolocation = new BMap.Geolocation();
		geolocation.getCurrentPosition(function(r) {
			if(this.getStatus() == BMAP_STATUS_SUCCESS) {

				var marker = new BMap.Marker(r.point);  // 创建标注
				map.addOverlay(marker);         // 将标注添加到地图中 ，跳动的点
				marker.setAnimation(BMAP_ANIMATION_BOUNCE);
			} else {
				alert('failed' + this.getStatus());
			}     

		});

		  // 添加带有定位的导航控件
		 
		var navigationControl = new BMap.NavigationControl({   // 靠右下角位置
			  
			anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
			   // LARGE类型
			  type: BMAP_NAVIGATION_CONTROL_LARGE,
			   // 启用显示定位
			  enableGeolocation: true 
		}); 
		map.addControl(navigationControl);

		/*//添加行政区划
		function getBoundary(){       
		var bdary = new BMap.Boundary();
		bdary.get("苏州市吴中区", function(rs){       //获取行政区域
		map.clearOverlays();        //清除地图覆盖物       
		var count = rs.boundaries.length; //行政区域的点有多少个
		if (count === 0) {
		alert('未能获取当前输入行政区域');
		return ;
		}
		          var pointArray = [];
		for (var i = 0; i < count; i++) {
		var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#ff0000"}); //建立多边形覆盖物
		map.addOverlay(ply);  //添加覆盖物
		pointArray = pointArray.concat(ply.getPath());
		}    
		map.setViewport(pointArray);    //调整视野  
		addlabel();               
		});   
		}


		setTimeout(function(){
		getBoundary();
		}, 2000);
		*/

		/*//查询公交，地铁线路
		var busline = new BMap.BusLineSearch(map,{
		renderOptions:{map:map,panel:"r-result"},
		onGetBusListComplete: function(result){
		   if(result) {
		var fstLine = result.getBusListItem(0);//获取第一个公交列表显示到map上
		busline.getBusLine(fstLine);
		   }
		}
		});
		function busSearch(){
		var busName = 228;
		busline.getBusList(busName);
		}*/

		//公交换乘
		//var transit = new BMap.TransitRoute(map, {
		//renderOptions: {map: map}
		//});
		//transit.search(SchoolPoint, HousePoint);

		map.addControl(new BMap.MapTypeControl());  
		map.setCurrentCity("厦门");    // 设置地图显示的城市 此项是必须设置的
		map.enableScrollWheelZoom(true);  //开启鼠标滚轮缩放

		//步行规划
		/*var walking = new BMap.WalkingRoute(map, {renderOptions:{map: map, autoViewport: true}});
		walking.search(SchoolPoint, HousePoint);*/

		////步行规划线路
		//var walking = new BMap.WalkingRoute(map, {renderOptions: {map: map, panel: "r-result", autoViewport: true}});
		//walking.search(SchoolPoint, HousePoint);
		//
		//
		////车规划线路
		//var transit = new BMap.DrivingRoute(map, {
		//renderOptions: {
		//map: map,
		//panel: "r-result1",
		//enableDragging : true //起终点可进行拖拽
		//},  
		//});
		//transit.search(SchoolPoint,HousePoint);
		      
		map.enableInertialDragging();
		//设置城市列表
		var size = new BMap.Size(10, 20);
		map.addControl(new BMap.CityListControl({  
			anchor: BMAP_ANCHOR_TOP_LEFT,
			    
			/*  BMAP_ANCHOR_TOP_LEFT	表示控件定位于地图的左上角
BMAP_ANCHOR_TOP_RIGHT	表示控件定位于地图的右上角
BMAP_ANCHOR_BOTTOM_LEFT	表示控件定位于地图的左下角
BMAP_ANCHOR_BOTTOM_RIGHT	表示控件定位于地图的右下角*/

			  offset: size,
			      // 切换城市之间事件

			   //    alert('before');
			   // },
			   // 切换城市之后事件
			   // onChangeAfter:function(){
			   //   alert('after');
			   // }
		}));
	</script>

</html>